{% extends "../public/base.html" %}
{% block mbody %}
<div class="top mr">
    <div class="m-left"><img src="/static/image/cd_icon.png" style="width:80%;margin-top: 10px;" ></div>
    <h1>预定包厢</h1>
    <div class="m-right"></div>
</div>
<div class="mbody mr" id="mbody">
    <form method="post" action="">
        <table class="form full center" style="width: 90%;margin-top: 20%;">
            <tr>
                <td class="title">桌数：</td>
                <td><input type="text" class="full"></td>
            </tr>
            <tr>
                <td class="title">人数：</td>
                <td><input type="text" class="full"></td>
            </tr>
            <tr>
                <td class="title">标准：</td>
                <td><input type="text" class="full"></td>
            </tr>
            <tr>
                <td class="title">金额：</td>
                <td align="right"><span class="full">1,000.00</span></td>
            </tr>
        </table>
        
    </form>
</div>
<div class="bottom mr" style="height: 50px;">
    <input type="button" class="btn" id="buy" value="订购" style="height: 100%;width: 50%;float: left;">
    <a href="/user/box/old">
        <input type="button" class="btn" id="buy" value="历史订购" style="height: 100%;width: 50%;float: right;">
    </a>
</div>
<div class="palert" id="aAlert"><img src="image/loading.gif">加载中……</div>
<div class="palert" id="talert">
    <span id="textalert"></span>
    <input type="button" onclick="palert.close('#talert')" value="关闭">
</div>
{% end %}
{% block script %}
<script type="text/javascript">
$(document).ready(function(){
    $('#buy').click(function(){
        $('#textalert').html("预定成功");
        palert.open('#talert')
    });
})
</script>
{% end %}